<template>
  <AutoLayout :projectOption="projectOption" :setting-option="settingOption"
              :menuWidth="menuWidth" :routes="routes"/>
</template>

<script>
import AutoLayout from "@/components/AutoLayout/index.vue"
import logo from "@/assets/img/vite.svg"
import routes from "@/router/customRouter/router-admin.js"
export default {
  name: "demoLayout",
  components: {
    AutoLayout
  },
  data() {
    return {
      routes:routes,
      menuWidth: 250,
      menuList: [
        {
          key: "/",
          title: "首页"
        },
        {
          key: "sub1",
          title: "变形监测",
          icon: logo,
          children: [
            {
              key: "/dms",
              title: "首页1",
              icon: logo
            },
            {
              key: "/dms/2",
              title: "数据中心"
            },
          ]
        },
      ],
      projectOption: {
        systemName: "内部管理系统",
      },
      settingOption: {
        userName: "张三",
        buttons: [
          {
            title: "个人中心",
            onClick: () => {
              alert(2)
            }
          },
          {
            title: "登出", onClick: () => {
              alert(1);
            }
          },
        ]
      }
    }
  },
}
</script>

<style scoped>

</style>